@import "variables.less";
@import "/jui/less/mixins.less";
@import "mixins/index.less";
// import the appropriate color scheme based on header
@import "menu-@{headerstyle}.less";


.professor .component-content h2 {
	padding-left: 10px;
	padding-top: 10px;
	border-left: 10px solid #ED6E4E;
	border-bottom: 0;
}

.aluno .component-content h2 {
	padding-left: 10px;
	padding-top: 10px;
	border-left: 10px solid #77CBBC ;
	border-bottom: 0;
}

.visitante .component-content h2 {
	padding-left: 10px;
	padding-top: 10px;
	border-left: 10px solid #9CC75E ;
	border-bottom: 0;
}

.gf-menu {
	// Bottom border fixer
	&.l1 > li {
		&:hover > .item {
		
			
			.border-fixer {
				display:block;
				position: absolute;
				height: 0;
				width: 100%;
				bottom:0px;
				left: 0px;
				background: @menuDropBack;
				z-index:1001;
			}
		}
	}

	// Default items
	li {
		&:hover, &.active:hover {
			border: none;
			padding-top: 0px;
			border-radius: 0;
			border-top: 0;
			box-shadow:none;
			color:@colorBase;

			> .dropdown {
				left: 0px;
				top: auto;
				opacity: 1;
				color:@colorBase;
				
			}
		}

		&:hover > .item {
			color: @menuTextHover !important;
			text-shadow:none;
			background: @colorBase;
			border-radius:none;
			box-shadow:none;
			padding-right: 8px;
			padding-left: 8px;
		}
	}

	// Parent items
	li.parent {
		&:hover {
			text-shadow:none;
			border-radius:none;
			color:@colorBase;
		
		.item {
			padding-right: 24px;
			padding-left: 9px;
		}
		
		}
		
		
		
	}

	// Dropdown styling
	.dropdown {
		ul {
			li {
				&:hover {
					border: 0;
					background: none;
					.box-shadow(none);
					padding-top:0px;
					color:@colorBase;

					> .item {
						.border-radius(@menuItemRadius);
						border: none;
						background: @menuTextHover;
						border-top: 0;
						box-shadow:none;
						color:@colorBase !important;

						// Right border fixer
						.border-fixer {
							display:block;
							position: absolute;
							height: 100%;
							width: 2px;
							right:-1px;
							.box-shadow(@menuInsetShadow);
							top: 0px;
							background: @menuDropBack;
							z-index:1001;
						}
					}
				}

				&.parent {
					&:hover {
						> .item {
							.border-radius(0 0 0 0);
							color:@colorBase;
						}
					}
				}
			}
		}

		// Grouped styling
		.grouped {
			&.parent {
				&:hover {
					> .item {
						.border-radius(@menuItemRadius);
						color:@colorBase;
					}
				}
			}
		}

		// Module styling
		.modules {
			&:hover, ul li:hover {
				padding-top: 0 !important;
			}
		}
	}

	// Flyout dropdowns (3rd Level +)
	.dropdown li:hover > .flyout {
		left: 100%;
		top: 1px;
		margin-left: -6px;
		border-top: 0;
		.border-radius(0 0 0 0);
		.box-shadow(@menuFullShadow);
	}
}

// RTL
body.rtl {
	li {
		&:hover, &.active:hover {
			> .dropdown {
				left: inherit;
				right: -1px;
			}
		}
	}
	.dropdown {
		ul {
			li {
				&:hover {
					> .flyout {
						left: inherit;
						right: 100%;
						.border-radius(0 0 0 0);
						margin-left: auto;
						margin-right: -6px;
					}
					> .item {
						// Left border fixer
						.border-fixer {
							right: inherit;
							left: -1px;
						}
					}
				}
				&.parent {
					&:hover {
						> .item {
							.border-radius(0 @menuItemRadius @menuItemRadius 0);
						}
					}
				}
			}
		}
	}
}
